<template>
    <v-touch v-on:swiperight="onSwipeRight" :swipe-options="{direction: 'horizontal'}">
     <!-- v-touch:right="onSwipeRight" -->
    <div style="height:100%">
         <x-header :left-options="{backText:'', preventGoBack: 'true'}"
        @on-click-back="$router.go(-1)">{{obj.USERNAME}}
        </x-header>
        <!-- <div class="bg" style="  display:flex;flex-direction:row;justify-content: space-around;align-items: center;">
            <div style="width:40%"><img src="../../assets/img/back_search.png" @click="onSwipeRight" ></div>
          
            <div style="width:50%" class="userFullName">{{obj.USERNAME}}</div>
        </div> -->
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">手机号码</p>
                <p class="info">{{obj.MOBILE}}</p>
            </div>
        </Card>
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">邮箱</p>
                <p class="info">{{obj.EMAIL}}</p>
            </div>
        </Card>
         <Card>
            <div slot="content" class="card-padding">
                <p class="des">分类</p>
                <p class="info">{{obj.FLAG}}</p>
            </div>
        </Card>
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">单位</p>
                <p class="info">{{obj.UNIT}}</p>
            </div>
        </Card>
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">部门</p>
                <p class="info">{{obj.DEPT}}</p>
            </div>
        </Card>
          <Card>
            <div slot="content" class="card-padding">
                <p class="des">公司地址</p>
                <p class="info">{{obj.ADDRESS}}</p>
            </div>
        </Card>
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">传真</p>
                <p class="info">{{obj.FAX}}</p>
            </div>
        </Card>
           <Card>
            <div slot="content" class="card-padding">
                <p class="des">邮政编码</p>
                <p class="info">{{obj.POSTALCODE}}</p>
            </div>
        </Card>
        <div clsss="sup" style=" width: 100%;height: 10px;border-radius: 0;background-color: #F5F5F5;"></div>
        <Card>
            <div slot="content" class="card-padding">
                <p class="des">备注</p>
                <p class="info">{{obj.REMARK}}</p>
            </div>
        </Card>
    </div>
    </v-touch>
</template>

<script>
import { Card } from 'vux'
import {Cell,Group} from 'vux'
export default {
    name : 'personInfo',
    components: {
        Card,
        Cell,
        Group
    },
    mounted () {
        this.obj = this.$route.params.item
        this.getParams()
    },
    data(){
        return {
             obj : [],
        }
    },
    methods:{
    //右滑返回上一层
      onSwipeRight () {
        this.$router.go(-1)
      },
        getParams(){
            console.log(this.obj)
        }
    }
}
</script>

<style scoped>
.bg{
    background:url('../../assets/img/my_bg.png');
    width:100%;
    height:20%
}
.card-padding{
    padding: 0 15px 10px 15px;
}
.userFullName{
    text-align: left;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-left: 5%;
    color: #ffffff;
}
.des{
    color:#999;
    font-size:12px;
    margin-bottom: 10px;
}
.info{
    font-size:16px;
    line-height:1.2;
}
.transition-view /deep/ .weui-panel:before{
    border: none
}
/* .transition-view /deep/ .vux-header{
    background-color: #262A34 !important;
} */
</style>
